<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- vue js库-->
    <script src="./vue.js"></script>
</head>
<body>
<div id="example">
    <p>Original message: "{{ message }}"</p>
    <p>Computed reversed message: "{{ now }}"</p>
</div>

<script>

    /*$options:
                    components: {}
                    computed: {reversedMessage: ƒ}
                    data: ƒ mergedInstanceDataFn()
                    directives: {}
                    el: "#example"
                    filters: {}
                    render: ƒ anonymous( )
                    staticRenderFns: []
                    _base: ƒ Vue(options)
   */

    var vm = new Vue({
        el: '#example',
        data: {
            message: 'Hello'
        },
        computed: {
            now: function () {
                return Date.now()
            }
        }
    })

    console.log(vm)
</script>
</body>
</html>